<html>
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <title>淘喜后台管理</title>
    <script type="text/javascript" src="../librarys/jquery/jquery-2.2.3.min.js"></script>
    <script type="text/javascript" src="../librarys/jqueryeasyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../librarys/jqueryeasyui/locale/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" href="../librarys/jqueryeasyui/themes/bootstrap/easyui.css"/>
    <link rel="stylesheet" href="../librarys/jqueryeasyui/themes/icon.css"/>
    <link rel="stylesheet" href="../styles/css.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=jaGUFWrqDWLvuZBcWPfpgeiu"></script>
    <script type="text/javascript">
        $(function () {

        });

        function addTab(title, url) {
            if ($('#content').tabs('exists', title)) {
                $('#content').tabs('select', title);
            } else {
                var content = '<iframe scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>';
                $('#content').tabs('add', {
                    title: title,
                    content: content,
                    closable: true
                });
            }
        }

        function updateTab(title, url) {
            if ($('#content').tabs('exists', title)) {
                var tab = $('#content').tabs('getTab', title);
                $("#content").tabs('update', {
                    tab: tab,
                    options: {
                        href: url
                    }
                });
                tab.panel('refresh');
            }
        }
    </script>
    <style type="text/css">
        #l-map {
            height: 100%;
            width: 100%;
            margin: 0;
            font-family: "微软雅黑";
        }

        #north {
            height: 130px;
            text-align: center;
            font-size: 20px;
            vertical-align: middle;
            color: white;
            /*<%--background: url("../images/5.jpg") no-repeat;--%>*/
        }

        #home {
            /*<%--background: url("../images/banner.png") no-repeat;--%>*/
            background-size: cover;
            padding-top: 50px;
            padding-left: 50px;
            font-size: 30px;
            color: blue;
        }

        .welcome {
            font-size: 49px;
            font-weight: bold;
            font-family: "Microsoft YaHei";
            -webkit-text-stroke: 2px #008ed4;
            letter-spacing: 3px;
            -webkit-text-fill-color: transparent;
            text-align: center;
            margin-top: 25px;
        }

        .panel-title {
            font-size: 15pt;
        }

        .title {
            text-align: center;
        }

        .title a {
            text-decoration: none;
        }

        #south {
            margin: 0 auto auto auto;
        }

        #copyright {
            text-align: center;
            vertical-align: middle;
            color: #fff;
            line-height: 2.5;
            font-size: 17px;
        }
    </style>
</head>
<body>
<div id="layout" class="easyui-layout" style="width:100%;height:100%;">
    <div id="north" data-options="region:'north',split:true" title=" " style="height: 104px">
        <div class="index-head">
            <div class="index-head-content">
                <p class="fl"><img src="../images/index-logo.png"><span class="vm pl10">淘喜后台</span></p>
                <p class="fr"><a class="pr20" href="index-backstage.html">首页</a><a href="index.html">退出</a> </p>
            </div>
        </div>
    </div>
    <div data-options="region:'west',split:true" title="后台管理" style="width: 360px">
        <div class="easyui-accordion" data-options="fit:true,border:false">
            <div class="title" title="功能菜单" style="padding:10px;">
                <div class="index-container-left">
                    <div class="index-container-left-content pt20 pb20">
                        <ul>
                            <li>
                                <a href="javascript:addTab('商家管理', '<%=contextPath%>/Manage/HomeSlider');">
                                    <img src="../images/index-icon1.png"><span>商家管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:addTab('商品分类管理', '<%=contextPath%>/Manage/HomeSlider');">
                                    <img src="../images/index-icon2.png"><span>商品分类管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:addTab('套餐管理', '<%=contextPath%>/Manage/HomeSlider');">
                                    <img src="../images/index-icon3.png"><span>套餐管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:addTab('套餐管理', '<%=contextPath%>/Manage/HomeSlider');">
                                    <img src="../images/index-icon4.png"><span>套餐管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:addTab('主页轮播', '<%=contextPath%>/Manage/HomeSlider');">
                                    <img src="../images/index-icon5.png"><span>主页轮播</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:addTab('店长推荐', '<%=contextPath%>/Manage/HomeSlider');">
                                    <img src="../images/index-icon6.png"><span>店长推荐</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:addTab('热门商家', '<%=contextPath%>/Manage/HomeSlider');">
                                    <img src="../images/index-icon7.png"><span>热门商家</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:addTab('热门推荐', '<%=contextPath%>/Manage/HomeSlider');">
                                    <img src="../images/index-icon8.png"><span>热门推荐</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:addTab('角色管理', '<%=contextPath%>/Manage/HomeSlider');">
                                    <img src="../images/index-icon9.png"><span>角色管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:addTab('用户管理', '<%=contextPath%>/Manage/HomeSlider');">
                                    <img src="../images/index-icon10.png"><span>用户管理</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div><br/><br/>
        </div>
    </div>
    <div data-options="region:'center'">
        <div id="content" class="easyui-tabs" data-options="fit:true,border:false,plain:true">
            <div id="home" title="主页" style="padding:10px">
                <p class="welcome">欢迎使用本系统!</p>
            </div>
        </div>
    </div>
    <div id="south" data-options="region:'south',split:true" title="版权信息" style="height:80px;background: #ff6278">
        <div id="copyright">
            淘喜 版权所有
        </div>
    </div>
</div>
</body>
</html>